<template>
	<div class="toApp_view">
		<div class="main_toapp">
			<div class="app_pic"><img src="~img/1024.png"></div>
			<div class="app_info">
				<p>动博士</p>
				<p>最酷的孩子都在这里</p>
			</div>
			<a class="btn" href="http://a.app.qq.com/o/simple.jsp?pkgname=cn.drsports.client">立即下载</a>
		</div>
	</div>
</template>
<script>
import {isWeiXin,openApp} from 'utils/common'
	export default {
		data() {
			return {

			}
		}
	}
</script>
<style lang="scss">
	@import 'styles/variables.scss';
    @import 'styles/mixin.scss';
    .main_toapp{
    	height: 1.00rem;
    	width: 100%;
    	background: rgba(1,1,1,0.4);
    	position: fixed;
    	z-index: 10000;
    	bottom: 0px;
    	display: flex;
    	padding: 0rem 0.32rem;
    	align-items: center;
    	.app_pic{
    		width: 0.70rem;
    		height: 0.70rem;
    		border-radius: 0.10rem;
    		overflow: hidden;
    		img{
    			display: block;
    			width: 100%;
    		}
    	}
    	.app_info{
    		line-height: 0.35rem;
    		font-size: 0.24rem;
    		color: $white;
    		margin-left: 0.20rem;
    	}
    	.btn{
    		position:absolute;
    		right: 0.32rem;
    		top: 0.15rem;
    		display: block;
    		width: 2.00rem;
    		height: 0.60rem;
    		font-size: 0.24rem;
    		background: $green;
    		color: $white;
    		text-align: center;
    		line-height: 0.60rem;
    		border-radius: 0.10rem;
    	}
    }
</style>